<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta content="telephone=no" name="format-detection"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta name="full-screen" content="yes">
    <link rel="stylesheet" href="./css/cui.css"/>
    <link rel="stylesheet" href="./css/style.css"/>
    <link rel="stylesheet" href="./css/less.css"/>
    <link rel="stylesheet" href="css/cui.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/less.css"/>


</head>
<body>
<div id="hd">
    <div class="wp">
        <div class="logo"><a href="index.html"><img src="images_my/logo5.jpg" alt=""></a></div>
        <div id="nav">
            <ul>
                <li><a href="index.html" style="color:#e4392a; border-bottom:3px solid #e4392a;">首页</a></li>

                <li><a href="html/about.html">关于来一卷</a></li>
                <li><a href="html/service.html">来一卷产品</a></li>
                <li><a href="html/case.html">成功案例</a></li>
                <li><a href="html/news.html">公司动态</a></li>
                <li><a href="html/contact.html">联系我们</a></li>
            </ul>
        </div>
        <div class="tel">13981766258</div>
    </div>
</div>
<div class="c"></div>

<div class="c"></div>

<div id="bd">
    <!--首页轮播图-->
    <div id="banner">
        <div class="banner-bg"></div>
        <div class="flexslider">
            <ul class="slides">
                <li class="s1">
                    <img src="images_my/image01.jpg">

                </li>
                <li class="s2">
                    <img src="images_my/sylb22.jpg">

                </li>
                <li class="s3">
                    <img src="images_my/sylb33.jpg">

                </li>
                <li class="s3">
                    <img src="images_my/sylb11.jpg">

                </li>
            </ul>
        </div>
    </div>
    <!--首页轮播图 END-->

    <!--来一卷服务-->
    <div class="row1 fix">
        <div class="wp">
            <div class="tit-i">
                <h3>定制服务</h3>
                <h5>WEBTHINK <span>SERVICE</span></h5>
            </div>
            <ul class="ul-icon-i">
                <li class="li1">
                    <div class="pad">
                        <a href="">
                            <span></span>
                            <h3>卷纸</h3>
                            <em></em>
                            <p>根据用户的需求、市场状况、企业情况提供定制方案。</p>
                        </a>
                    </div>
                </li>
                <li class="li2">
                    <div class="pad">
                        <a href="">
                            <span></span>
                            <h3>抽纸</h3>
                            <em></em>
                            <p>根据用户的需求、市场状况、企业情况提供定制方案。</p>

                        </a>
                    </div>
                </li>
                <li class="li3">
                    <div class="pad">
                        <a href="">
                            <span></span>
                            <h3>生活用纸</h3>
                            <em></em>
                            <p>根据用户的需求、市场状况、企业情况提供定制方案。</p>

                        </a>
                    </div>
                </li>
                <li class="li4">
                    <div class="pad">
                        <a href="">
                            <span></span>
                            <h3>尽请期待</h3>
                            <em></em>
                            <p>根据用户的需求、市场状况、企业情况提供定制方案。</p>

                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 来一卷服务 END-->

    <!-- 定制流程-->
    <div class="lc_box">

        <div class="lc">
            <div class="tit-i">
                <h3>来一卷定制</h3>
                <h5><span>case</span> of webthink</h5>
            </div>


            <div class="lc_wz">

                <ul>

                    <li>客户下单</li>

                    <li>沟通方案</li>

                    <li>方案设计</li>

                    <li>产品打样</li>

                    <li>确定样品</li>

                    <li>交货</li>

                </ul>

            </div>

            <div class="lc_dh">

                <div class="lc_dh_l"><img src="images_my/tel.png" alt="咨询热线" title="咨询热线" />咨询热线：<span>13981766258&nbsp;&nbsp;0838-8608889</span>

                </div>

                <div class="lc_dh_r"><a href="http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=2877137853" title="立即咨询">立即咨询</a>

                </div>

            </div>

        </div>

    </div>
    <!--定制流程 END-->
    <div class="c"></div>

    <!--来一卷电子商务-->
    <div class="wp" id="webbuit">
        <div class="tit-i">
            <h3>来一卷电子商务</h3>
            <h5><span>case</span> of webthink</h5>
        </div>
        <ul class="ul-webset pr ul-show">
            <a href="https://www.1688.com/">
                <li class="li1">
                    <div class="block">
                        <img src="images/w1.png" alt="">
                        <img src="images/w2.png" alt="">
                        <img src="images/w3.png" alt="">
                        <img src="images/w4.png" alt="">
                        <img src="images/w5.png" alt="">
                        <img src="images/w6.png" alt="">
                        <img src="images/w7.png" alt="">
                        <img src="images/w8.png" alt="">
                        <img src="images/w9.png" alt="">
                    </div>
                    <h3>阿里巴巴·1688</h3>
                    <div class="webset-pop">
                        <div class="pad">
                            <h2>阿里巴巴·1688<a href="http://www.baidu.com" class="close"></a></h2>

                        </div>
                    </div>
                </li>
            </a>
            <a href="http://www.taobao.com">
                <li class="li3">
                    <div class="block">
                        <img src="images/d1.png" alt="">
                        <img src="images/d2.png" alt="">
                        <img src="images/d3.png" alt="">
                        <img src="images/d4.png" alt="">
                        <img src="images/d5.png" alt="">
                        <img src="images/d6.png" alt="">
                        <img src="images/d7.png" alt="">
                        <img src="images/d8.png" alt="">
                        <img src="images/d9.png" alt="">
                        <img src="images/d10.png" alt="">
                        <img src="images/d11.png" alt="">
                        <img src="images/d12.png" alt="">
                        <img src="images/d13.png" alt="">
                        <img src="images/d14.png" alt="">

                    </div>
                    <h3>淘宝网</h3>
                    <div class="webset-pop">
                        <h2>淘宝网<a href="javascript:void(0);" class="close"></a></h2>
                    </div>
                </li>
            </a>
            <a href="https://www.tmall.com/">
                <li class="li3">
                    <div class="block">
                        <img src="images/q1.png" alt="">
                        <img src="images/q2.png" alt="">
                        <img src="images/q3.png" alt="">
                        <img src="images/q4.png" alt="">
                        <img src="images/q5.png" alt="">
                        <img src="images/q6.png" alt="">

                    </div>
                    <h3>天猫商城</h3>
                    <div class="webset-pop">
                        <h2>天猫商城<a href="javascript:void(0);" class="close"></a></h2>
                    </div>
                </li>
            </a>
        </ul>
    </div>
    <!--来一卷电子商务 END-->

    <div class="c"></div>

    <!--放心大图-->
    <div class="ys03_box">

        <div class="ys03">

            <div class="ys001">采用原生竹浆为材料，环保更健康

            </div>

            <div class="ys002">3层厚度，3层柔韧，擦拭不易破

            </div>

            <div class="ys003">产品经过权威机构检测，亲和不伤肤

            </div>

            <div class="ys004">正规渠道选材，现代工艺设备生产，更放心

            </div>

            <div class="ys005">吸水性强，吸水后仍柔韧不易破

            </div>

            <div class="ys006">轻便结实，点断连卷式，方便取用

            </div>

        </div>

    </div>
    <!--放心大图 END-->

    <!--来一卷案例-->
    <div class="row2 fix">
        <div class="wp">
            <div class="tit-i">
                <h3>来一卷案例</h3>
                <h5><span>case</span> of webthink</h5>
            </div>
            <div class="case-i">
                <div class="case-i-r" style="width: 100%;">
                    <ul class="ul-case-i">
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp12.jpg"></div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp11.jpg"></div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp10.jpg"></div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp9.jpg"></div>
                            </a>
                        </li>
                    </ul>
                    <ul class="ul-case-i">
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp8.jpg"></div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp6.jpg"></div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp7.jpg"></div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp5.jpg"></div>
                            </a>
                        </li>
                    </ul>
                    <ul class="ul-case-i">
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp1.jpg"></div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp2.jpg"></div>

                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp3.jpg"></div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="pic"><img src="./images_my/cp4.jpg"></div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="c"></div>

                <div class="more-i"><a href=""></a></div>
            </div>
        </div>
    </div>
    <!--来一卷案例 END-->



    <div class="c"></div>

<!-- 联系我们 -->
<div class="row4 fix">
    <div class="wp">
        <div class="tit-i">
            <h3>联系我们</h3>
            <h5><span>contact</span> webthink</h5>
        </div>
        <div class="contact-l">
            <ul class="ul-contact">
                <li class="li1">什邡市师古镇10·14组</li>
                <li class="li2">
                    <a href="tel:010-51265006">0838-8608889 (咨询)/(售后)</a>
                    <br/>
                    <a href="tel:13981766258">13981766258 (咨询)</a><br/>
                    <a href="tel:13581789985">13668268189 (咨询)</a>
                </li>

            </ul>
        </div>
        <div class="contact-r">

            <form action="" class="contact-form" method="post">
                <div class="">
                    <input type="text" class="inp l" name="name" id="name" placeholder="您的姓名">
                    <input type="text" class="inp r" name="tel" id="tel" placeholder="您的联系方式">
                </div>
                <textarea cols="30" rows="10" name="txt_con" id="txt"></textarea>
                <input type="submit" value="提交您的需求" class="sub" id="sub">
            </form>
        </div>
    </div>
</div>

<div class="map">
    <div class="map-s">
        <a href="javascript:void(0);" class="btn"><em></em>点击展开地图</a>
    </div>
    <div class="map-pop">
        <a href="javascript:void(0);" class="btn-down"></a>
        <div class="map-bg1"></div>
        <div class="map-bg2"></div>
        <div id="map" class="map-i" style="width:100%; height: 100%;">
        </div>
    </div>
</div>
</div>
<!--首页轮播图 END-->

<!--关于来一卷-->
<div class="c"></div>
<div id="fd" class="index-fd pr">
    <div class="map-bg3"></div>
    <div class="wp">
        <div class="fd-top">
            <dl>
                <dt>关于来一卷</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href="">我们是谁</a></li>
                        <li><a href="">我们服务的客户</a></li>
                        <li><a href="">我们的团队</a></li>
                        <li><a href="">客户监控系统</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>来一卷服务</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href="">卷纸</a></li>
                        <li><a href="">抽纸</a></li>
                        <li><a href="">生活用纸</a></li>
                        <li><a href="">定制服务</a></li>

                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>来一卷案例</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href="">纸巾批发</a></li>
                        <li><a href="">集团公司</a></li>
                        <li><a href="">加工制造</a></li>
                        <li><a href="">酒店餐饮</a></li>

                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>来一卷动态</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href="">公司动态</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>联系我们</dt>
                <dd class="pr">
                    <p><a href="" class="weixin"></a>
                        <a href="" class="sina"></a>
                        <span class="weixin-pic">
                            <img src="./images/ewm.jpg" alt="">
                            <img src="images/ewm.jpg" alt="">
                        </span>
                    </p>
                    <p><b class="tel">13981766258</b></p>
                    <h5>来一卷服务热线</h5>
                </dd>
            </dl>
        </div>
    </div>
    <div class="fd-copy">
        <div class="wp">
            <p>
                <span>来一卷纸业（成都）有限公司 Copyright&copy; 2007-2015 </span><a href=""><span>川ICP备07017583号-1</span></a> <a
                    href=""></a>
            </p>
        </div>
    </div>
</div>


<!--在线咨询 微信二维码-->
<div class="side">
    <ul>

        <li><a href="javascript:void(0);">
            <div class="sidebox"><img src="./images/side_icon03.png">13981766258</div>
            <div class="sidebox"><img src="images/side_icon02.png">在线咨询</div>
        </a></li>
        <li><a href="">
            <div class="sidebox"><img src="images/side_icon01.png">1197052444</div>
        </a></li>
        <li><a href="javascript:void(0);">
            <div class="sidebox"><img src="images/side_icon03.png">13981766258</div>
        </a>

        </li>
    </ul>
</div>
<!-- 二维码 -->
<div class="side2">
    <ul>
        <li><a href=""><img src="./images/r_icon1.png" alt=""></a>
            <div class="weixin"><em></em><img src="./images_my/ewm.png" alt=""></div>
        </li>
        <li><a href=""><img src="./images/r_icon1.png" alt=""></a>
            <div class="weixin"><em></em><img src="./images_my/ewm.png" alt=""></div>
        </li>
        <li><a href="javascript:goTop();" class="sidetop"><img src="./images/r_icon2.png"></a></li>
    </ul>
</div>
<!--在线咨询 微信二维码-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/lib.js"></script>
<link rel="stylesheet" href="css/animate.css"/>
<link rel="stylesheet" href="css/flexslider.css"/>
<script type="text/javascript" src="js/flexslider.js"></script>
<script type="text/javascript" src="js/banner.js"></script>
<script type="text/javascript">

    $("#sub").click(function (e) {
        var name = $("#name").val();
        var tel = $("#tel").val();
        var txt = $("#txt").val();
        var re = /^[1][3587]\d{9}$/;
        if (name == "") {
            alert("姓名不能为空");
            return false;
        }
        if (!re.test(tel)) {
            alert("请输入正确的联系方式");
            return false;
        }
        if (txt == "") {
            alert("请输入您的需求");
            return false;
        }

        $.ajax({
            url: "ajax_guest.php",
            type: 'GET',
            data: {'name': name, 'tel': tel, 'txt': txt},
            //dataType:"text",
            async: false,
            error: function () {
                alert("error");
            },
            success: function (data) {
                alert(data);
            }
        })
    });
</script>
<script>
    $('.ul-news-i li').hover(function () {
        $(this).toggleClass('on');
    })
    $('.ul-icon-i li').hover(function () {
        $(this).find('img:first').fadeIn(100);
        $(this).find('.pic-icon').animate({top: 0});
    }, function () {
        $(this).find('.pic-icon').animate({top: -134});
        $(this).find('img:first').fadeOut(100);
    })

    $('.case-img').hover(function () {
        $(this).toggleClass('on');
    })

    $('.map .btn').click(function () {
        $('.map-pop').show();
        $(this).parents('.map').addClass('map-big-i');
        var winW = $(window).width();
        var winH = $(window).height();
        console.log(winH);
        if (winW < 768) {
            $('.map-pop').height($(window).height() - 50 - 80);
            $('.map-big-i').height($(window).height() - 50 - 80);
            $("html, body").animate({scrollTop: $(document).height()}, 1000);
        } else {

            $('.map-pop').height($(window).height() - 344);
            $('.map-big-i').height($(window).height() - 344);
            $("html, body").animate({scrollTop: $(document).height()}, 1000);
        }
        initMap();
    })
    $('.map .btn-down').click(function () {
        $('.map-pop').hide();
        $(this).parents('.map').removeClass('map-big-i');
        $('.map').height('300');
    })

</script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5b31afcdea6af2d7d3677ca5c1a22c46"></script>
<script type="text/javascript" src="./js/map.js"></script>

</body>
</html>